<template>
  <div class="footer">
    <notice-tips :options="options" />
  </div>
</template>

<script>
import NoticeTips from '@/components/NoticeTips.vue';
export default {
  name: 'useFooter',
  props: {
    options: {
      type: Object,
      default: function () {
        return {
          backgroundColor: '#fff',
          tips: {}
        };
      }
    }
  },
  components: {
    NoticeTips
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
.footer {
  height: 100px;
  :deep(.van-notice-bar) {
    background: none;
    height: 100px;
    line-height: 100px;
  }
}
</style>
